* {
    margin: 0;
    padding: 0;
  }
  
  body,
  html {
    /* background-color: #f6f6f6; */
    color: black;
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.03em;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC,
      Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei,
      sans-serif, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji,
      Segoe UI Symbol, Android Emoji, EmojiSymbols;
  }
:root {
  /* --createColor: "#dcdfe6", */
  --createColor: rgb(227,234,237,0.3);
  --createBorder: 2px solid rgb(167, 159, 159);
  --themeColor:rgb(241, 246, 250);
  --subjectColor:#ed5b8c;
  --sideBarColor: linear-gradient(
    to right,
    rgb(216, 214, 217),
    rgba(224, 228, 230, 0.5)
  );
}